﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="frmRegistroCotizacion.aspx.cs" Inherits="sistema_cotizacion_frmRegistroCotizacion" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>

    <link href="../../kendoui.web/content/shared/styles/examples-offline.css" rel="stylesheet"/>
    <link href="../../kendoui.web/styles/kendo.common.min.css" rel="stylesheet"/>
    <link href="../../kendoui.web/styles/kendo.default.min.css" rel="stylesheet"/>

    <script src="../../kendoui.web/js/jquery.min.js" type="text/javascript"></script>
    <script src="../../kendoui.web/js/kendo.web.min.js" type="text/javascript"></script>
    <script src="../../kendoui.web/content/shared/js/console.js" type="text/javascript"></script>
</head>
<body>
    <div id="frmContainer" class="k-content">

    <div id="window">
        <form name="form1" action="">
            <div id="grdEvaluacionSeguro"></div>
            <!--<br />
            <button class="k-button" id="btnAceptarEvaluacionSeguro" style="width:160px;"><span class="k-icon k-i-tick"></span>&nbsp;Aceptar</button>-->
        </form>
    </div>

    <table border="0" width="100%">
    <tr>
        <td colspan="8" align="center"><h2>Generar Cotización</h2></td>
    </tr>
    <tr>
        <td colspan="8" align="left">Seleccione la categoria y tipo de seguro a cotizar</td>
    </tr>
    <tr>
        <td colspan="8" align="center">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="2" align="left">Categoría Seguro:</td>
        <td colspan="2" align="left"><input id="cboTipoSeguro" style="width: 300px" /></td>
        <td colspan="2" align="left">Seguro:</td>
        <td colspan="2" align="left"><input id="cboRamo" style="width: 300px" /></td>
    </tr>
    <tr>
        <td colspan="8" align="center"><hr /></td>
    </tr>
    <tr>
        <td colspan="8" align="left">Registre los datos necesarios para generar la cotización</td>
    </tr>
    <tr>
        <td colspan="8" align="center">&nbsp;</td>
    </tr>
    <tr>
        <td colspan="8" align="left">
            <table border="0" width="100%">
            <tr>
                <td width="20%">Tipo de Documento:</td>
                <td width="30%"><input id="cboTipoDocumento" style="width: 300px" /></td>
                <td width="20%">Número de Documento:</td>
                <td width="30%"><input id="txtNumeroDocumento" style="width: 300px" class="k-textbox" onkeypress="return onlyNumbers(event)" /></td>
            </tr>
            </table>
        </td>
    </tr>
    <tr id="personaNatural" style="display:none;width:100%">
        <td colspan="8" align="left" width="100%">
            <table border="0" width="100%">
            <tr>
                <td width="20%">Nombre(s):</td>
                <td width="30%"><input id="txtNombrePersonaNatural" style="width: 300px" class="k-textbox" onkeypress="return onlyLettersAndSpace(event)" /></td>
                <td width="20%">Apellido(s):</td>
                <td width="30%"><input id="txtApellidoPersonaNatural" style="width: 300px" class="k-textbox" onkeypress="return onlyLettersAndSpace(event)" /></td>
            </tr>
            <tr>
                <td width="20%">Teléfono:</td>
                <td width="30%"><input id="txtTelefonoPersonaNatural" style="width: 300px" class="k-textbox" onkeypress="return onlyNumbers(event)" /></td>
                <td width="20%">Correo Electrónico:</td>
                <td width="30%"><input id="txtEmailPersonaNatural" style="width: 300px" class="k-textbox" onkeypress="return NumbersAndLettersAndEspecialCarShort(event);" /></td>
            </tr>
            <tr>
                <td width="20%">Departamento:</td>
                <td width="30%"><input id="cboDepartamentoPersonaNatural" style="width: 300px" /></td>
                <td width="20%">Sexo:</td>
                <td width="30%"><input id="cboSexoPersonaNatural" style="width: 300px" /></td>
            </tr>
            </table>
        </td>
    </tr>
    <tr id="personaJuridica" style="display:none;width:100%">
        <td colspan="8" align="left" width="100%">
            <table border="0" width="100%">
            <tr>
                <td width="20%">Razón Social:</td>
                <td width="80%" colspan="3"><input id="txtRazonSocialPersonaJuridica" style="width: 600px" class="k-textbox" onkeypress="return onlyLettersAndSpace(event)" /></td>
            </tr>
            <tr>
                <td width="20%">Teléfono:</td>
                <td width="30%"><input id="txtTelefonoPersonaJuridica" style="width: 300px" class="k-textbox" onkeypress="return onlyNumbers(event)" /></td>
                <td width="20%">Correo Electrónico:</td>
                <td width="30%"><input id="txtEmailPersonaJuridica" style="width: 300px" class="k-textbox" onkeypress="return NumbersAndLettersAndEspecialCarShort(event);" /></td>
            </tr>
            <tr>
                <td width="20%">Grupo Económico:</td>
                <td width="30%"><input id="cboGrupoEconomicoPersonaJuridica" style="width: 300px" /></td>
                <td width="20%">Sector Económico:</td>
                <td width="30%"><input id="cboSectorEconomicoPersonaJuridica" style="width: 300px" /></td>
            </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="8" align="center"><hr /></td>
    </tr>
    <tr>
        <td colspan="8" align="left">Registre los datos necesarios para el tipo de seguro seleccionado</td>
    </tr>
    <tr>
        <td colspan="8" align="center">&nbsp;</td>
    </tr>
    <tr id="seguroPersonal" style="display:none;width:100%">
        <td colspan="8" align="left" width="100%">
            <table border="0" width="100%">
            <tr>
                <td width="20%">Estado Civil:</td>
                <td width="30%"><input id="cboEstadoCivil" style="width: 300px" /></td>
                <td width="10%">Edad:</td>
                <td width="40%"><input id="txtEdad" style="width: 200px" class="k-textbox" onkeypress="return onlyNumbers(event)" /></td>
            </tr>
            <tr>
                <td width="20%">¿Tiene hijos?</td>
                <td width="30%"><input type="radio" id="optTieneHijos_Si" name="optTieneHijos" value="1" checked="checked" />Si&nbsp;<input type="radio" id="optTieneHijos_No" name="optTieneHijos" value="0" />No&nbsp;</td>
                <td width="50%" colspan="2" rowspan="3"><button class="k-button" id="btnEvaluar" style="width:160px; display:none;"><span class="k-icon k-i-tick"></span>&nbsp;Evaluar Seguro</button></td>
            </tr>
            <tr>
                <td width="20%">¿Donde deseas que cubra tú seguro?</td>
                <td width="30%"><input id="cboCoberturaSeguro" style="width: 300px" /></td>
            </tr>
            <tr>
                <td width="20%">¿Desea cubrir a la familia?</td>
                <td width="30%"><input type="radio" id="optCubrirFamilia_Si" name="optCubrirFamilia" value="1" checked="checked" />Si&nbsp;<input type="radio" id="optCubrirFamilia_No" name="optCubrirFamilia" value="0" />No&nbsp;</td>
            </tr>
            </table>
        </td>
    </tr>
    <tr id="seguroVehicular" style="display:none;width:100%">
        <td colspan="8" align="left" width="100%">
            <table border="0" width="100%">
            <tr>
                <td width="20%">Marca:</td>
                <td width="30%"><input id="cboMarca" style="width: 300px" /></td>
                <td width="20%">Año de Fabricación:</td>
                <td width="30%"><input id="cboAnnoFabricacion" style="width: 300px" /></td>
            </tr>
            <tr>
                <td width="20%">Modelo:</td>
                <td width="30%"><input id="cboModelo" style="width: 300px" /></td>
                <td width="20%">Valor de Venta:</td>
                <td width="30%"><input id="txtValorVenta" style="width: 200px" class="k-textbox" onkeypress="return onlyNumbers(event)" /></td>
            </tr>
            <tr>
                <td width="20%">¿Su auto usa timón cambiado?</td>
                <td width="30%"><input type="radio" id="optTimonCambiado_Si" name="optTimonCambiado" value="1" checked="checked" />Si&nbsp;<input type="radio" id="optTimonCambiado_No" name="optTimonCambiado" value="0" />No&nbsp;</td>
                <td width="20%">Uso del Auto:</td>
                <td width="30%"><input id="cboUsoAuto" style="width: 300px" /></td>
            </tr>
            <tr>
                <td width="20%">¿Su auto ha sido convertido a gas?</td>
                <td width="30%"><input type="radio" id="optGas_Si" name="optGas" value="1" checked="checked" />Si&nbsp;<input type="radio" id="optGas_No" name="optGas" value="0" />No&nbsp;</td>
                <td width="20%">Placa del Auto:</td>
                <td width="30%"><input id="txtPlacaAuto" style="width: 200px" class="k-textbox" onkeypress="return onlyNumbersOrLetters(event)" /></td>
            </tr>
            <tr>
                <td width="20%">¿Donde fue registrado su auto?</td>
                <td width="30%"><input type="radio" id="optRegistroAuto_Si" name="optRegistroAuto" value="1" checked="checked" />Lima&nbsp;<input type="radio" id="optRegistroAuto_No" name="optRegistroAuto" value="0" />Provincia&nbsp;</td>
                <td width="20%">&nbsp;</td>
                <td width="30%">&nbsp;</td>
            </tr>
            </table>
        </td>
    </tr>
    <tr>
        <td colspan="8" align="center"><hr /></td>
    </tr>
    <tr>
        <td colspan="8" align="center">
            <button class="k-button" id="btnGrabar" style="width:160px;"><span class="k-icon k-i-tick"></span>&nbsp;Grabar Cotización</button>&nbsp;&nbsp;<button class="k-button" id="btnCancelar" style="width:160px;"><span class="k-icon k-i-close"></span>&nbsp;Cancelar</button>
        </td>
    </tr>
    </table>

    <script type="text/javascript">
        $(document).ready(function () {
            /*
            var window = $("#window"),
                        undo = $("#btnEvaluar")
                                .bind("click", function () {
                                    window.data("kendoWindow").open();
                                    undo.hide();
                                });

            var onClose = function () {
                undo.show();
            }*/

            var cboTipoSeguro = $("#cboTipoSeguro").kendoComboBox({
                change: onChange_cboTipoSeguro,
                filter: "startswith",
                placeholder: "Seleccionar tipo de seguro...",
                dataTextField: "dTipoSeguro",
                dataValueField: "cTipoSeguro",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarTipoSeguros",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            var existe_cboRamo = false;
            function onChange_cboTipoSeguro() {
                existe_cboRamo = true;
                $("#cboRamo").text("");
                $("#cboRamo").val("");
                var cboRamo = $("#cboRamo").kendoComboBox({
                    change: onChange_cboRamo,
                    filter: "startswith",
                    placeholder: "Seleccionar ramo...",
                    dataTextField: "dRamo",
                    dataValueField: "cRamo",
                    dataSource: {
                        transport: {
                            read: {
                                url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarRamos/" + cboTipoSeguro.value(),
                                data: {
                                    Accept: "application/json"
                                }
                            }
                        }
                    }
                }).data("kendoComboBox");

                if (cboTipoSeguro.value() == "1") { //Seguro Personal
                    $("#seguroPersonal").toggle().show();
                    $("#seguroVehicular").toggle().hide();
                }
                else { //Seguro Vehicular
                    $("#seguroVehicular").toggle().show();
                    $("#seguroPersonal").toggle().hide();
                }

                $("#btnEvaluar").toggle().hide();
            }

            function onChange_cboRamo() {
                if ($("#cboRamo").val() == "2") { //Es Salud
                    $("#btnEvaluar").toggle().show();
                }
                else { //Es Cualquier Otro
                    $("#btnEvaluar").toggle().hide();
                }
            }

            var cboTipoDocumento = $("#cboTipoDocumento").kendoComboBox({
                change: onChange_cboTipoDocumento,
                filter: "startswith",
                placeholder: "Seleccionar tipo de documento...",
                dataTextField: "dTipoDocumento",
                dataValueField: "cTipoDocumento",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarTipoDocumento",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            function onChange_cboTipoDocumento() {
                var _cboTipoDocumento = cboTipoDocumento.value();
                _arrTipoDocumento = _cboTipoDocumento.split("$");
                if (_arrTipoDocumento[1] == "1") { //Persona Natural
                    $("#personaNatural").toggle().show();
                    $("#personaJuridica").toggle().hide();
                }
                else { //Persona Juridica
                    $("#personaJuridica").toggle().show();
                    $("#personaNatural").toggle().hide();
                }
            }

            var cboDepartamentoPersonaNatural = $("#cboDepartamentoPersonaNatural").kendoComboBox({
                filter: "startswith",
                placeholder: "Seleccionar departamento...",
                dataTextField: "dDepartamento",
                dataValueField: "cDepartamento",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarDepartamento",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            var cboSexoPersonaNatural = $("#cboSexoPersonaNatural").kendoComboBox({
                filter: "startswith",
                placeholder: "Seleccionar sexo...",
                dataTextField: "dGenero",
                dataValueField: "cGenero",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarGenero",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            var cboGrupoEconomicoPersonaJuridica = $("#cboGrupoEconomicoPersonaJuridica").kendoComboBox({
                change: onChange_cboGrupoEconomicoPersonaJuridica,
                filter: "startswith",
                placeholder: "Seleccionar grupo económico...",
                dataTextField: "dGrupoSectorEconomico",
                dataValueField: "cGrupoSectorEconomico",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarGrupoSectorEconomico",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            function onChange_cboGrupoEconomicoPersonaJuridica() {
                $("#cboSectorEconomicoPersonaJuridica").text("");
                $("#cboSectorEconomicoPersonaJuridica").val("");
                var cboSectorEconomicoPersonaJuridica = $("#cboSectorEconomicoPersonaJuridica").kendoComboBox({
                    filter: "startswith",
                    placeholder: "Seleccionar sector económico...",
                    dataTextField: "dSectorEconomico",
                    dataValueField: "cSectorEconomico",
                    dataSource: {
                        transport: {
                            read: {
                                url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarSectorEconomico/" + cboGrupoEconomicoPersonaJuridica.value(),
                                data: {
                                    Accept: "application/json"
                                }
                            }
                        }
                    }
                }).data("kendoComboBox");
            }

            var cboEstadoCivil = $("#cboEstadoCivil").kendoComboBox({
                filter: "startswith",
                placeholder: "Seleccionar estado civil...",
                dataTextField: "dEstadoCivil",
                dataValueField: "cEstadoCivil",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarEstadoCivil",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            var cboCoberturaSeguro = $("#cboCoberturaSeguro").kendoComboBox({
                filter: "startswith",
                placeholder: "Seleccionar lugar de cobertura...",
                dataTextField: "dLugar",
                dataValueField: "cLugar",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarLugarCobertura",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            var cboMarca = $("#cboMarca").kendoComboBox({
                change: onChange_cboMarca,
                filter: "startswith",
                placeholder: "Seleccionar marca...",
                dataTextField: "dMarca",
                dataValueField: "cMarca",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarMarca",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            function onChange_cboMarca() {
                $("#cboModelo").text("");
                $("#cboModelo").val("");
                var cboModelo = $("#cboModelo").kendoComboBox({
                    change: onChange_cboModelo,
                    filter: "startswith",
                    placeholder: "Seleccionar modelo...",
                    dataTextField: "dModelo",
                    dataValueField: "cModelo",
                    dataSource: {
                        transport: {
                            read: {
                                url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarModelo/" + cboMarca.value(),
                                data: {
                                    Accept: "application/json"
                                }
                            }
                        }
                    }
                }).data("kendoComboBox");
            }

            function onChange_cboModelo() {
                var _cboModelo = $("#cboModelo").val();

                $("#cboAnnoFabricacion").text("");
                $("#cboAnnoFabricacion").val("");
                var cboAnnoFabricacion = $("#cboAnnoFabricacion").kendoComboBox({
                    filter: "startswith",
                    placeholder: "Seleccionar año de fabricación...",
                    dataTextField: "nAnio",
                    dataValueField: "cModeloPeriodo",
                    dataSource: {
                        transport: {
                            read: {
                                url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarModeloPeriodo/" + _cboModelo,
                                data: {
                                    Accept: "application/json"
                                }
                            }
                        }
                    }
                }).data("kendoComboBox");
            }

            var cboUsoAuto = $("#cboUsoAuto").kendoComboBox({
                filter: "startswith",
                placeholder: "Seleccionar tipo de uso...",
                dataTextField: "dTipoUso",
                dataValueField: "cTipoUso",
                dataSource: {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarTipoUso",
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                }
            }).data("kendoComboBox");

            $("#txtNumeroDocumento").blur(function () {
                if ($("#cboTipoDocumento").val() != "" && $("#txtNumeroDocumento").val() != "") {
                    var _cboTipoDocumento = cboTipoDocumento.value();
                    _arrTipoDocumento = _cboTipoDocumento.split("$");
                    if (_arrTipoDocumento[1] == "1") { //Persona Natural
                        $.ajax({
                            type: "GET",
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarPersonaNatural/" + $("#cboTipoDocumento").val().split("$")[0] + "/" + $("#txtNumeroDocumento").val(),
                            data: "{}",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (data) {
                                for (var i = 0; i < data.length; i++) {
                                    $("#txtNombrePersonaNatural").val(data[i].dNomCliente);
                                    $("#txtApellidoPersonaNatural").val(data[i].dApeRazonCliente);
                                    $("#txtTelefonoPersonaNatural").val(data[i].dTelefDomicilio);
                                    $("#txtEmailPersonaNatural").val(data[i].dCorreoElectronico);
                                    var _cboDepartamentoPersonaNatural_Sel = $("#cboDepartamentoPersonaNatural").data("kendoComboBox");
                                    _cboDepartamentoPersonaNatural_Sel.value(data[i].cDepartamento);
                                    var _cboSexoPersonaNatural_Sel = $("#cboSexoPersonaNatural").data("kendoComboBox");
                                    _cboSexoPersonaNatural_Sel.value(data[i].cGenero);
                                }
                            },
                            error: function (xhr) {
                                alert(xhr.responseText);
                            }
                        });
                    }
                    else { //Persona Juridica
                        $.ajax({
                            type: "GET",
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/listarPersonaJuridica/" + $("#cboTipoDocumento").val().split("$")[0] + "/" + $("#txtNumeroDocumento").val(),
                            data: "{}",
                            contentType: "application/json; charset=utf-8",
                            dataType: "json",
                            success: function (data) {
                                for (var i = 0; i < data.length; i++) {
                                    $("#txtRazonSocialPersonaJuridica").val(data[i].dApeRazonCliente);
                                    $("#txtTelefonoPersonaJuridica").val(data[i].dTelefDomicilio);
                                    $("#txtEmailPersonaJuridica").val(data[i].dCorreoElectronico);
                                    var _cboGrupoEconomicoPersonaJuridica_Sel = $("#cboGrupoEconomicoPersonaJuridica").data("kendoComboBox");
                                    _cboGrupoEconomicoPersonaJuridica_Sel.value(data[i].cGrupoSectorEconomico);
                                    onChange_cboGrupoEconomicoPersonaJuridica();
                                    var _cboSectorEconomicoPersonaJuridica_Sel = $("#cboSectorEconomicoPersonaJuridica").data("kendoComboBox");
                                    _cboSectorEconomicoPersonaJuridica_Sel.value(data[i].cSectorEconomico);
                                }
                            },
                            error: function (xhr) {
                                alert(xhr.responseText);
                            }
                        });
                    }
                }
            });

            $("#btnCancelar").click(function () {
                document.location.replace("frmBusquedaCotizacion.aspx");
            });

            function validarEmail(email) {
                expr = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
                if (!expr.test(email))
                    alert("La dirección de correo electrónico es incorrecta."); return;
            }

            function GrabarCotizacionPersonal() {
                var _cTipoDocumento = $("#cboTipoDocumento").val();
                var _nNroDocumento = $("#txtNumeroDocumento").val();
                var _cGenero = $("#cboSexoPersonaNatural").val();
                var _cEstadoCivil = $("#cboEstadoCivil").val();
                var _dNomCliente = $("#txtNombrePersonaNatural").val();
                var _dApeRazonCliente = $("#txtApellidoPersonaNatural").val();
                var _dTelefDomicilio = $("#txtTelefonoPersonaNatural").val();
                var _dCorreoElectronico = $("#txtEmailPersonaNatural").val();
                var _cDepartamento = $("#cboDepartamentoPersonaNatural").val();
                var _cRamo = $("#cboRamo").val();
                var _cEjecutivo = "1";
                var _sTieneHijos = (document.getElementById("optTieneHijos_Si").checked == true ? 1 : 0);
                var _sCubreFamilia = (document.getElementById("optCubrirFamilia_Si").checked == true ? 1 : 0);
                var _nEdad = $("#txtEdad").val();
                var _cLugar = $("#cboCoberturaSeguro").val();

                if (_cRamo == "") { alert("Seleccione ramo del tipo de seguro."); $("#cboRamo").focus(); return; }
                if (_cTipoDocumento == "") { alert("Seleccione tipo de documento."); $("#cboTipoDocumento").focus(); return; }
                if (_nNroDocumento == "") { alert("Ingrese número de documento."); $("#txtNumeroDocumento").focus(); return; }
                if (_dNomCliente == "") { alert("Ingrese el nombre(s) de la persona."); $("#txtNombrePersonaNatural").focus(); return; }
                if (_dApeRazonCliente == "") { alert("Ingrese el apellido(s) de la persona."); $("#txtApellidoPersonaNatural").focus(); return; }
                if (_dTelefDomicilio == "") { alert("Ingrese número de teléfono."); $("#txtTelefonoPersonaNatural").focus(); return; }
                validarEmail(_dCorreoElectronico);
                if (_cDepartamento == "") { alert("Seleccione departamento."); $("#cboDepartamentoPersonaNatural").focus(); return; }
                if (_cGenero == "") { alert("Seleccione el sexo de la persona."); $("#cboSexoPersonaNatural").focus(); return; }
                if (_cEstadoCivil == "") { alert("Seleccione el estado civil de la persona."); $("#cboEstadoCivil").focus(); return; }
                if (_nEdad == "") { alert("Ingrese edad."); $("#txtEdad").focus(); return; }
                if (_cLugar == "") { alert("Seleccione cobertura del seguro."); $("#cboCoberturaSeguro").focus(); return; }

                var jData = {};

                jData.cTipoDocumento = _cTipoDocumento.split("$")[0];
                jData.nNroDocumento = _nNroDocumento;
                jData.cGenero = _cGenero;
                jData.cEstadoCivil = _cEstadoCivil;
                jData.dNomCliente = _dNomCliente;
                jData.dApeRazonCliente = _dApeRazonCliente;
                jData.dTelefDomicilio = _dTelefDomicilio;
                jData.dCorreoElectronico = _dCorreoElectronico;
                jData.cDepartamento = _cDepartamento;
                jData.cRamo = _cRamo;
                jData.cEjecutivo = _cEjecutivo;
                jData.sTieneHijos = _sTieneHijos;
                jData.sCubreFamilia = _sCubreFamilia;
                jData.nEdad = _nEdad;
                jData.cLugar = _cLugar;

                $.ajax({
                    cache: false,
                    type: "POST",
                    async: false,
                    url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/registrarCotizacionPersonalPersonaNatural",
                    data: JSON.stringify(jData),
                    contentType: "application/json",
                    dataType: "json",
                    success: function (data) {
                        alert("Registro grabado correctamente");
                        self.location.replace("frmBusquedaCotizacion.aspx");
                    },
                    error: function (xhr) {
                        alert(xhr.responseText);
                    }
                });
            }

            function GrabarCotizacionVehicularPersonaNatural() {
                var _cTipoDocumento = $("#cboTipoDocumento").val();
                var _nNroDocumento = $("#txtNumeroDocumento").val();
                var _cGenero = $("#cboSexoPersonaNatural").val();
                var _cEstadoCivil = "1";
                var _dNomCliente = $("#txtNombrePersonaNatural").val();
                var _dApeRazonCliente = $("#txtApellidoPersonaNatural").val();
                var _dTelefDomicilio = $("#txtTelefonoPersonaNatural").val();
                var _dCorreoElectronico = $("#txtEmailPersonaNatural").val();
                var _cDepartamento = $("#cboDepartamentoPersonaNatural").val();
                var _cRamo = $("#cboRamo").val();
                var _cEjecutivo = "1";
                var _dPlaca = $("#txtPlacaAuto").val();
                var _sTimonCambiado = (document.getElementById("optTimonCambiado_Si").checked == true ? 1 : 0);
                var _sConvertidoGas = (document.getElementById("optGas_Si").checked == true ? 1 : 0);
                var _sRegistroLocal = (document.getElementById("optRegistroAuto_Si").checked == true ? 1 : 0);
                var _cTipoUso = $("#cboUsoAuto").val();
                var _cModeloPeriodo = $("#cboAnnoFabricacion").val();
                var _nValorComercial = $("#txtValorVenta").val();
                var _cLugar = "1";

                if (_cRamo == "") { alert("Seleccione ramo del tipo de seguro."); $("#cboRamo").focus(); return; }
                if (_cTipoDocumento == "") { alert("Seleccione tipo de documento."); $("#cboTipoDocumento").focus(); return; }
                if (_nNroDocumento == "") { alert("Ingrese número de documento."); $("#txtNumeroDocumento").focus(); return; }
                if (_dNomCliente == "") { alert("Ingrese el nombre(s) de la persona."); $("#txtNombrePersonaNatural").focus(); return; }
                if (_dApeRazonCliente == "") { alert("Ingrese el apellido(s) de la persona."); $("#txtApellidoPersonaNatural").focus(); return; }
                if (_dTelefDomicilio == "") { alert("Ingrese número de teléfono."); $("#txtTelefonoPersonaNatural").focus(); return; }
                validarEmail(_dCorreoElectronico);
                if (_cDepartamento == "") { alert("Seleccione departamento."); $("#cboDepartamentoPersonaNatural").focus(); return; }
                if (_cGenero == "") { alert("Seleccione el sexo de la persona."); $("#cboSexoPersonaNatural").focus(); return; }
                if (_cEstadoCivil == "") { alert("Seleccione el estado civil de la persona."); $("#cboEstadoCivil").focus(); return; }
                if (_cModeloPeriodo == "") { alert("Seleccione año de fabricación."); $("#cboAnnoFabricacion").focus(); return; }
                if (_nValorComercial == "") { alert("Ingrese valor de venta."); $("#txtValorVenta").focus(); return; }
                if (_cTipoUso == "") { alert("Seleccione tipo de uso."); $("#cboUsoAuto").focus(); return; }
                if (_dPlaca == "") { alert("Ingrese número de placa."); $("#txtPlacaAuto").focus(); return; }

                var jData = {};

                jData.cTipoDocumento = _cTipoDocumento.split("$")[0];
                jData.nNroDocumento = _nNroDocumento;
                jData.cGenero = _cGenero;
                jData.cEstadoCivil = _cEstadoCivil;
                jData.dNomCliente = _dNomCliente;
                jData.dApeRazonCliente = _dApeRazonCliente;
                jData.dTelefDomicilio = _dTelefDomicilio;
                jData.dCorreoElectronico = _dCorreoElectronico;
                jData.cDepartamento = _cDepartamento;
                jData.cRamo = _cRamo;
                jData.cEjecutivo = _cEjecutivo;
                jData.dPlaca = _dPlaca;
                jData.sTimonCambiado = _sTimonCambiado;
                jData.sConvertidoGas = _sConvertidoGas;
                jData.sRegistroLocal = _sRegistroLocal;
                jData.cTipoUso = _cTipoUso;
                jData.cModeloPeriodo = _cModeloPeriodo;
                jData.nValorComercial = _nValorComercial;
                jData.cLugar = _cLugar;

                $.ajax({
                    cache: false,
                    type: "POST",
                    async: false,
                    url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/registrarCotizacionVehicularPersonaNatural",
                    data: JSON.stringify(jData),
                    contentType: "application/json",
                    dataType: "json",
                    success: function (data) {
                        alert("Registro grabado correctamente");
                        self.location.replace("frmBusquedaCotizacion.aspx");
                    },
                    error: function (xhr) {
                        alert(xhr.responseText);
                    }
                });
            }

            function GrabarCotizacionVehicularPersonaJuridica() {
                var _cTipoDocumento = $("#cboTipoDocumento").val();
                var _nNroDocumento = $("#txtNumeroDocumento").val();
                var _dApeRazonCliente = $("#txtRazonSocialPersonaJuridica").val();
                var _dTelefDomicilio = $("#txtTelefonoPersonaJuridica").val();
                var _dCorreoElectronico = $("#txtEmailPersonaJuridica").val();
                var _cGrupoSectorEconomico = $("#cboGrupoEconomicoPersonaJuridica").val();
                var _cSectorEconomico = $("#cboSectorEconomicoPersonaJuridica").val();
                var _cRamo = $("#cboRamo").val();
                var _cEjecutivo = "1";
                var _dPlaca = $("#txtPlacaAuto").val();
                var _sTimonCambiado = (document.getElementById("optTimonCambiado_Si").checked == true ? 1 : 0);
                var _sConvertidoGas = (document.getElementById("optGas_Si").checked == true ? 1 : 0);
                var _sRegistroLocal = (document.getElementById("optRegistroAuto_Si").checked == true ? 1 : 0);
                var _cTipoUso = $("#cboUsoAuto").val();
                var _cModeloPeriodo = $("#cboAnnoFabricacion").val();
                var _nValorComercial = $("#txtValorVenta").val();
                var _cLugar = "1";

                if (_cRamo == "") { alert("Seleccione ramo del tipo de seguro."); $("#cboRamo").focus(); return; }
                if (_cTipoDocumento == "") { alert("Seleccione tipo de documento."); $("#cboTipoDocumento").focus(); return; }
                if (_nNroDocumento == "") { alert("Ingrese número de documento."); $("#txtNumeroDocumento").focus(); return; }
                if (_dApeRazonCliente == "") { alert("Ingrese el apellido(s) de la persona."); $("#txtRazonSocialPersonaJuridica").focus(); return; }
                if (_dTelefDomicilio == "") { alert("Ingrese número de teléfono."); $("#txtTelefonoPersonaJuridica").focus(); return; }
                validarEmail(_dCorreoElectronico);
                if (_cGrupoSectorEconomico == "") { alert("Seleccione grupo de sector económico."); $("#cboGrupoEconomicoPersonaJuridica").focus(); return; }
                if (_cSectorEconomico == "") { alert("Seleccione sector económico."); $("#cboSectorEconomicoPersonaJuridica").focus(); return; }
                if (_cModeloPeriodo == "") { alert("Seleccione año de fabricación."); $("#cboAnnoFabricacion").focus(); return; }
                if (_nValorComercial == "") { alert("Ingrese valor de venta."); $("#txtValorVenta").focus(); return; }
                if (_cTipoUso == "") { alert("Seleccione tipo de uso."); $("#cboUsoAuto").focus(); return; }
                if (_dPlaca == "") { alert("Ingrese número de placa."); $("#txtPlacaAuto").focus(); return; }

                var jData = {};

                jData.cTipoDocumento = _cTipoDocumento.split("$")[0];
                jData.nNroDocumento = _nNroDocumento;
                jData.dApeRazonCliente = _dApeRazonCliente;
                jData.dTelefDomicilio = _dTelefDomicilio;
                jData.dCorreoElectronico = _dCorreoElectronico;
                jData.cGrupoSectorEconomico = _cGrupoSectorEconomico;
                jData.cSectorEconomico = _cSectorEconomico;
                jData.cRamo = _cRamo;
                jData.cEjecutivo = _cEjecutivo;
                jData.dPlaca = _dPlaca;
                jData.sTimonCambiado = _sTimonCambiado;
                jData.sConvertidoGas = _sConvertidoGas;
                jData.sRegistroLocal = _sRegistroLocal;
                jData.cTipoUso = _cTipoUso;
                jData.cModeloPeriodo = _cModeloPeriodo;
                jData.nValorComercial = _nValorComercial;
                jData.cLugar = _cLugar;

                $.ajax({
                    cache: false,
                    type: "POST",
                    async: false,
                    url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/registrarCotizacionVehicularPersonaJuridica",
                    data: JSON.stringify(jData),
                    contentType: "application/json",
                    dataType: "json",
                    success: function (data) {
                        alert("Registro grabado correctamente");
                        self.location.replace("frmBusquedaCotizacion.aspx");
                    },
                    error: function (xhr) {
                        alert(xhr.responseText);
                    }
                });
            }

            $("#btnGrabar").click(function () {
                if (confirm("¿Seguro de grabar la cotización?")) {

                    if ($("#cboTipoDocumento").val().split("$")[1] == "2" && $("#cboTipoSeguro").val() == "1") { // Si es Persona Jurídica y el Tipo de Seguro es Personal
                        alert("No es posible generar esta cotización."); return;
                    }

                    switch ($("#cboTipoSeguro").val()) {
                        case "1": // Seguros Personales
                            GrabarCotizacionPersonal();
                            break;
                        case "3": // Seguros Vehiculares
                            if ($("#cboTipoDocumento").val().split("$")[1] == "1") { // Es Persona Natural
                                GrabarCotizacionVehicularPersonaNatural();
                            }
                            else { // Es Persona Jurídica
                                GrabarCotizacionVehicularPersonaJuridica();
                            }
                            break;
                    }

                }
            });

            $("#btnEvaluar").click(function () {
                var _Titular = (document.getElementById("optCubrirFamilia_Si").checked == true ? "T" : "F");
                var _Edad = $("#txtEdad").val();
                var _CoberInter = ($("#cboCoberturaSeguro").val() == "3" ? "T" : "F");

                if ($("#txtEdad").val() == "") { alert("Ingrese edad."); $("#txtEdad").focus(); return; }
                if ($("#cboCoberturaSeguro").val() == "") { alert("Seleccione cobertura del seguro."); $("#cboCoberturaSeguro").focus(); return; }

                var grdEvaluacionSeguro;

                grdEvaluacionSeguro = new kendo.data.DataSource(
                {
                    transport: {
                        read: {
                            url: "http://localhost/Gra.Seguros.Servicio/CotizacionSeguro.svc/evaluarSeguro/" + _Titular + "/" + _Edad + "/" + _CoberInter,
                            data: {
                                Accept: "application/json"
                            }
                        }
                    }
                });

                $("#grdEvaluacionSeguro").kendoGrid({
                    dataSource: grdEvaluacionSeguro,
                    sortable: true,
                    selectable: "multiple",
                    dataBound: function () {
                        var grid = this;
                        grid.table.find("tr").find("td:first input")
                        .change(function (e) {
                            var checkbox = $(this);
                            var selected = grid.table.find("tr").find("td:first input:checked").closest("tr");
                            grid.clearSelection();
                            if (selected.length) {
                                grid.select(selected);
                            }
                        });
                    },
                    toolbar: [{
                        name: 'aceptar_evaluacion', template: '#= Accept()#'
                    }],
                    columns: [
                        { width: 16, headerTemplate: '<input id="checkAll" type="checkbox" onclick="ChequearTodos(this);" />', template: '<input id="${cMatriz}" type="checkbox" />', filterable: false, sortable: false },
                        { width: 80, field: "dAseguradora", title: "Aseguradora" },
                        { width: 80, field: "dPlan", title: "Plan" },
                        { width: 60, field: "nPrima", title: "Prima", format: "{0:n}" }
                    ]
                });

                var window = $("#window"),
                        undo = $("#btnEvaluar")
                                .bind("click", function () {
                                    window.data("kendoWindow").open();
                                    undo.fadeOut(300);
                                });

                var onOpen = function () {
                    window.data("kendoWindow").center();
                }

                var onClose = function () {
                    undo.fadeIn(300);
                }

                if (!window.data("kendoWindow")) {
                    window.kendoWindow({
                        open: onOpen,
                        width: "600px",
                        title: "Evaluación de Seguro",
                        actions: [
                            "Pin",
                            "Minimize",
                            "Maximize",
                            "Close"
                        ],
                        close: onClose
                    });
                }
            });
        })

        function Accept(e) {
            return '<a class="k-button" href="#" id="toolbar-accept" onclick="Accept_fn()">Aceptar</a>';
        };

        function Accept_fn() {
            alert("Se aceptó la evaluación de seguro.");
        };

        function ChequearTodos(chkbox) {
            for (var i = 0; i < document.forms["form1"].elements.length; i++) {
                var elemento = document.forms[0].elements[i];
                if (elemento.type == "checkbox") {
                    elemento.checked = chkbox.checked;
                }
            }

            if (chkbox.checked) {
                $('#grdEvaluacionSeguro').data('kendoGrid').tbody.find("tr").addClass('k-state-selected');
            }
            else {
                $("#grdEvaluacionSeguro").data("kendoGrid").clearSelection();
            }
        }

        /*Funciones de validación de campos*/
        function onlyLettersAndSpace(e) {
            var key = ASCIIKeyPressValue(e);
            var swFF = false;
            if (detectBrowser() == "FF") {
                if (key > 36 && key < 41 || key == 46) {
                    if (!e.shiftKey) swFF = true;
                }
            }

            if (swFF || (key > 64 && key < 91 || key > 96 && key < 123) || key == 32 /*|| key == 241*/) {
                return true;
            }
            return IsMovementOrEnterKey(key);
        }

        function onlyNumbersOrLetters(e) {
            var key = ASCIIKeyPressValue(e);

            var swFF = false;
            if (detectBrowser() == "FF") {
                if (key > 36 && key < 41 || key == 46) {
                    if (!e.shiftKey) swFF = true;
                }
            }

            if (swFF || (key > 47 && key < 58) || (key > 64 && key < 91) || (key > 96 && key < 123)) {
                return true;

            }
            return IsMovementOrEnterKey(key);
        }

        function onlyNumbers(e) {
            var key = ASCIIKeyPressValue(e);

            var swFF = false;
            if (detectBrowser() == "FF") {
                if (key > 36 && key < 41 || key == 46) {
                    if (!e.shiftKey) swFF = true;
                }
            }

            if (swFF || key >= 48 && key <= 57) {

                return true;
            }
            return IsMovementOrEnterKey(key);
        }

        function NumbersAndLettersAndEspecialCarShort(e) {
            var key = ASCIIKeyPressValue(e);

            var swFF = false;
            if (detectBrowser() == "FF") {
                if (key > 36 && key < 41 || key == 46) {
                    if (!e.shiftKey) swFF = true;
                }
            }


            if (swFF || key > 47 && key < 58 || key > 64 && key < 91 || key > 96 && key < 123 || key == 64 || key == 95 || key == 46 || key == 45 || key == 32) {
                return true;
            }


            return IsMovementOrEnterKey(key);
        }

        function ASCIIKeyPressValue(e) {
            var key;
            if (e.charCode != null && e.charCode != 0) {
                key = e.charCode;
            } else if (e.keyCode != null) {
                key = e.keyCode;
            } else if (e.which != null) {
                key = e.which;
            }
            return key;
        }

        function IsMovementOrEnterKey(key) {
            if (key <= 13) {
                return true;
            }
            return false;
        }

        function detectBrowser() {
            var mReturnValue = null
            var mAgent = new String(navigator.userAgent.toLowerCase())
            if (mAgent.indexOf("msie") !== -1) {
                mReturnValue = "IE"
            } else if (mAgent.indexOf("firefox") !== -1) {
                mReturnValue = "FF"
            } else if (mAgent.indexOf("chrome") !== -1) {
                mReturnValue = "CHR"
            } else if (mAgent.indexOf("safari") !== -1) {
                mReturnValue = "SF"
            } else if (mAgent.indexOf("opera") !== -1) {
                mReturnValue = "OP"
            }
            return mReturnValue
        }
        /*Funciones de validación de campos*/

    </script>

    </div>
</body>
</html>
